
@color:#f10180;
@font-color:#666666;
@deepFont-color:#333333;
@lightFont-color:#999999;
body {
  background-color:#fff;
  margin: 0;
  font-family: 'Helvetica Neue', Helvetica, sans-serif;
  padding-top:0.2rem;
  nav{
    width:7.02rem;
    margin:0 auto;
    padding:0.6rem 0;
    img{
      width:7.02rem;
      height:0.72rem;
    }
  }
  .get_threeStep,.notice_matter{
    position:relative;
    background-color:#fff;
    border-radius:0.1rem;
    margin: 0.24rem;
    padding:0 0.24rem 0.6rem 0.24rem;
    -webkit-box-shadow: 0 0 15px #f8e8f0;
    p{
      margin-bottom:0;
    }
    .title{
      text-align:center;
      img{
        width:0.74rem;
        height:0.74rem;
        margin-top: -0.37rem;
      }
    }
    .seekOut_good{
      text-align:center;
      padding-top:0.2rem;
      color:@deepFont-color;
      font-size:0.28rem;
    }
    .content{
      font-size:0.24rem;
      color:#333;
      padding-top:0.3rem;
    }
    .pothook{
      position:absolute;
      z-index:9;
      overflow:hidden;
      width:6.54rem;
      top: 10.2rem;
      //padding:;
      img{
        width:0.16rem;
        height:0.56rem;
      }
    }
    .picture_show{
      overflow:hidden;
      padding:0.2rem 0.3rem;
      img{
        width:2.25rem;
        height:4rem;
      }
    }
    .goods_picture{
      padding-top:0.2rem;
      .result{
        display:inline-block;
        width:2rem;
        height:2rem;
        border-radius:0.1rem;
        text-align:center;
        cursor:pointer;
        position:relative;
        margin-left:0.21rem;
        margin-bottom:0.1rem;
        .file_input{
          width:2rem;
          height:2rem;
          position:absolute;
          z-index:99;
          right:0;
          top:0;
          opacity: 0;
        }
        img{
          display:inline-block;
          position:absolute;
          width:2rem;
          height:2rem;
          right:0;
          top:0;
        }
      }
    }
  }
  //注意事项
  .notice_matter{
    padding-bottom:0;
    .title{
      color:@color;
      padding:0.4rem 0 0.25rem 0;
    }
    .matter_content{
      p {
        color: #666;
        font-size: 0.24rem;
        padding: 0 0.24rem 0.35rem 0.24rem;
        line-height: 0.45rem;
      }
    }
  }
  .submit_btn{
    text-align:center;
    padding:0.6rem 0;
    input{
      width:4.8rem;
      height:0.86rem;
      border:1px solid @color;
      border-radius:0.1rem;
      background-color:@color;
      color:#fff;
      font-size:0.36rem;
    }
  }

  .modal_box,.modal_box_copy{
    display:none;
    .modal_content {
      width: 6.9rem;
      height: 4.06rem;
      background-color: #fff;
      border-radius: 0.1rem;
      position: fixed;
      z-index: 1000;
      top: 45%;
      left: 50%;
      margin-left: -3.45rem;
      margin-top: -2.03rem;
      p{
        text-align:center;
      }
      .hint{
        span{
          display:inline-block;
          padding-top:0.32rem;
          color:#333;
          font-size:0.32rem;
          margin-left:0.5rem;
        }
        img{
          display:inline-block;
          float:right;
          width:0.37rem;
          height:0.37rem;
          margin:0.24rem 0.24rem 0 0;
        }
      }
      .main{
        font-size:0.28rem;
        color:#666;
        padding:0.65rem;
      }
      .btns{
        input{
          width:3rem;
          height:0.86rem;
          border:1px solid @color;
          border-radius:0.1rem;
          font-size:0.3rem;
          margin:0 0.15rem;
        }
        input:first-of-type{
          background-color:@color;
          color:#fff;
        }
        input{
          background-color:#fff;
          color:@color;
        }
      }
      .confirm{
        input{
          width:6.3rem;
          height:0.86rem;
          background-color:@color;
          color:#fff;
          border:1px solid @color;
          border-radius:0.1rem;
          font-size:0.3rem;
        }
      }

    }
    .mask_layer{
      background-color:#000;
      opacity:0.5;
      position:absolute;
      left:0;
      top:0;
      width:100%;
      z-index:999;
    }
  }

}


















